<template>
	<view class="body">
		<xk-header :headerbg="true" :back="true" title="退租结果"></xk-header>
		<view class="top-view">
			<image mode="aspectFill" class="result-img" :src="(imgUrl+'/wx/chenggong.png')"/>
			<view class="result-title">提交成功</view>
			<view class="result-desc">您的退租申请提交成功，物业受理后会有专人联系您，您可以在 我的-退租 查看您的退租申请。</view>
		</view>

		<view class="btn-view">
			<view class="common-btn btn-sty2 btn">查看报修记录</view>
			<view class="common-btn btn" @click="backHome()">返回首页</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:this.$config.BASE_imgUrl,
			};
		},
		onLoad(){
		},
		methods:{
			backHome() {
				uni.navigateBack({
					delta: 1000
				})
			}
		}
	}
</script>

<style lang="scss" scoped>

.top-view {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 20rpx 30rpx 0rpx 30rpx;
	padding: 50rpx 30rpx;
	background-color: #FFFFFF;
	.result-img {
		width: 140rpx;
		height: 140rpx;
	}
	.result-title {
		color: #333333;
		font-size: 32rpx;
		font-weight: bold;
		margin-top: 30rpx;
	}
	.result-desc {
		color: #999999;
		font-size: 28rpx;
		margin-top: 10rpx;
		text-align: center;
		>strong {
			color: #2C72FF;
		}
	}
}

.btn-view {
	display: flex;

	.btn {
		width: 290rpx;
		height: 88rpx;
	}
}

</style>
